<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<!-- Bootstrap -->
		<link href="../css/bootstrap.min.css" rel="stylesheet" />
		<link href="../css/service.css" type="text/css" rel="stylesheet" />
		<link href="../css/wx.css" type="text/css" rel="stylesheet" />
		<style>
			* {
				box-sizing: border-box;
			}
			
			.dropdown-menu {
				min-width: 100px!important;
				left: -20px!important;
			}
			
			.activea {
				border-bottom: 1px solid #0078FF;
			}
			
			.activea a {
				color: #0078FF!important;
			}
			
			.navbar-default .navbar-nav>.open>a {
				background-color: #fff!important;
			}
			
			.navbar .nav>li .dropdown-menu {
				margin: 0;
			}
			
			.navbar .nav>li:hover .dropdown-menu {
				display: block;
			}
		</style>
	</head>

	<body>
		<!--<div class="head" style="margin-bottom: 50px;"></div>-->
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
					<img style="height: 40px;margin-top: 5px;margin-right: 150px;" src="../images/图层676.png" />
				</div>
				<div id="navbar" class="navbar-collapse collapse" aria-expanded="false" style="height: 1px;">
					<ul class="nav navbar-nav">
						<li class="item">
							<a href="../index.html">首页</a>
						</li>
						<li class="item activea">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">服务</a>
							<ul class="dropdown-menu">
								<li>
									<a href="service(html).html">网页开发</a>
								</li>
								<li>
									<a href="service(app).html">APP开发</a>
								</li>
								<li>
									<a href="#">微信开发</a>
								</li>
								<!--<li class="divider"></li>
								<li>
									<a href="#">分离的链接</a>
								</li>
								<li class="divider"></li>-->
							</ul>
						</li>
						<li class="item">
							<a href="product.html">案例</a>
						</li>
						<li class="item">
							<a href="news.html">新闻中心</a>
						</li>
						<li class="item">
							<a href="about.html">关于我们</a>
						</li>
						<li class="item">
							<a href="contact.html">联系我们</a>
						</li>
					</ul>
					<div style="float: right;display: flex;flex-direction: row;align-items: center;height: 50px;" class=" class=" hidden-sm hidden-xs "">
						<img src="../images/phone.png" />
						<p style="margin: 0 10px;">0592-123456</p>
						<img src="../images/wechat.png" />
					</div>
				</div>
			</div>
		</nav>
		<div class="container-fluid top">
			<div class="row">
				<img class="col-lg-12 col-md-12 col-sm-12 col-xs-12" src="../images/图层521拷贝.png" style="padding: 0;" />
			</div>

		</div>
		<!--ADVANTAGE-->
		<div class="container">
			<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 a_title">
					<p>我们的优势</p>
					<p>ADVANTAGE</p>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 a_item">
					<div class="a_img_1"></div>
					<p>全方位微信解决方案</p>
					<p>一站式部署微信资源套件，简化开发、提升效率；更有丰富的小程序模板、公众号模板，满足电商/旅游/O2O/餐饮等多场景定制化需求</p>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 a_item">
					<div class="a_img_2"></div>
					<p>一键定制配置模式</p>
					<p>定植后自动分配并初始化配置资源一键完成域名注册、解析及SSL证书部署</p>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 a_item">
					<div class="a_img_3"></div>
					<p>专业支持安全可靠</p>
					<p>原生支持HTTPS/WSS，自带BGP高防、域名智能解析及防劫持等多重安全防护体系，为小程序保驾护航</p>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 a_item">
					<div class="a_img_4"></div>
					<p>丰富的DEMO及SDK案例</p>
					<p>针对微信端特性，提供不同类型的DEMO及SDK案例，帮助用户高效完成微信应用开发</p>
				</div>
			</div>
		</div>
		<!--PRODUCT-->
		<div class="container-fluid hidden-xs hidden-sm" style="margin-top: 60px;">
			<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 p_title">
					<p>核心产品</p>
					<p>PRODUCT</p>
				</div>
			</div>
		</div>
		<div class="bg hidden-xs hidden-sm">
			<div class="container">
				<div class="row">
					<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 box">
						<div class="p_item">
							<p>微信小程序</p>
							<p>定制建站</p>
							<div>去咨询</div>
						</div>
						<div class="p_item">
							<p>微信公众号</p>
							<p>企业网站</p>
							<div>去咨询</div>
						</div>
						<div class="p_item">
							<p>微信小程序</p>
							<p>商城建站</p>
							<div>去咨询</div>
						</div>
						<div class="p_item">
							<p>H5互动定制</p>
							<p>移动产品</p>
							<div>去咨询</div>
						</div>
						<div class="p_item hidea">
							<p>微官网建设</p>
							<p>模板网站</p>
							<div>去咨询</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--PROCESS-->
		<div class="container">
			<div class="row">
				<div class="process col-lg-12 col-md-12 col-sm-12 col-xs-12">
					<p>PROCESS</p>
					<p>开发流程</p>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 process_2">
					<div class="p_img1"></div>
					<p>需求分析</p>
					<p>高级产品经理对接，理清开发需求，输出流程图，原型设计图，PRD文档等。</p>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 process_2">
					<div class="p_img2"></div>
					<p>需求分析</p>
					<p>高级产品经理对接，理清开发需求，输出流程图，原型设计图，PRD文档等。</p>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 process_2">
					<div class="p_img3"></div>
					<p>产品研发</p>
					<p>专业开发者进行架构设计，功能开发，第三方服务对接调试，实现所有需求</p>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 process_2">
					<div class="p_img4"></div>
					<p>测试上线</p>
					<p>内部多轮兼容测试、性能测试、漏洞修复，客户验收测试，优化满意再上线</p>
				</div>
			</div>
		</div>
		<!---->
		<div style="background:rgba(232,242,255,1);margin-top: 70px;padding-bottom: 70px;">
			<div class="container">
				<div class="row">
					<div class="adva col-lg-12 col-md-12 col-sm-12 col-xs-12">
						<p>我们的优势</p>
						<p>ADVANTAGE</p>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 adva_" style="padding: 0;position: relative;">
						<div class="adva_2">
							<div class="a_img1"></div>
							<div class="div">官方签约</div>
							<p>与官方签约，专业的APP开发技术保障项目品质</p>
						</div>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 adva_" style="padding: 0;">
						<div class="adva_2">
							<div class="a_img2"></div>
							<div class="div">保证上线</div>
							<p>专业监理全程跟踪、标准化验收体系，确保最终上线</p>
						</div>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 adva_" style="padding: 0;">
						<div class="adva_2">
							<div class="a_img3"></div>
							<div class="div">性价比高</div>
							<p>IOS、Android同时开发，同一套代码，维护、升级成本低</p>
						</div>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 adva_" style="padding: 0;">
						<div class="adva_2">
							<div class="a_img4"></div>
							<div class="div">速度优势</div>
							<p>核心技术缩短APP开发周期，开发快、更新发布快、上手快</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--foot-->
		<div class="foot"></div>
	</body>
	<script src="../js/jquery-3.3.1.min.js"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="../js/bootstrap.min.js"></script>
	<script>
		$(function() {
			$(".foot").load("footer.html")
		})
		$(".item").click(function() {
			$(this).addClass("activea").siblings().removeClass("activea");
			//			$(this).children("a").addClass("a").siblings().children("a").removeClass("a");
			//			$(this).children("a")	.addClass("a").parent().siblings().children("a").removeClass("a")
		})
	</script>

</html>